<x-row>
  <x-col span="8">
    <x-input [(ngModel)]="value" maxlength="10"></x-input>
  </x-col>
</x-row>
<x-row>
  <x-col span="8">
    <x-input [(ngModel)]="value" label="user name" maxlength="10"></x-input>
  </x-col>
</x-row>
<x-row>
  <x-col span="8">
    <x-input [(ngModel)]="value" label="user name" direction="row" maxlength="10"></x-input>
  </x-col>
</x-row>
<x-row>
  <x-col span="8">
    <x-input [(ngModel)]="value" icon="ado-user" maxlength="10"></x-input>
  </x-col>
</x-row>
<x-row>
  <x-col span="8">
    <x-input [(ngModel)]="value" icon="ado-user" iconLayout="left" maxlength="10"></x-input>
  </x-col>
</x-row>
